<html>
<head>
<link rel="stylesheet" href="css/playerpanel.css">
</head>
<body>

 <script language="JavaScript" type="text/javascript" src="js/libs/jquery-ui.min.js"></script>
 <script language="JavaScript" type="text/javascript" src="js/libs/jquery-1.6.2.min.js"></script>
<script>

function showAssetDialog(){
	var assetDialog = $('#questDialog')
	.html('	<h3 class="dialog-question ui-dialog-title" id="ui-dialog-title-1" unselectable="on">Would you like to Buy:</h3> \
	<a href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button" unselectable="on"><span class="ui-icon ui-icon-closethick" unselectable="on">close</span></a> \
	<div class="dialog-asset-name ui-dialog-content ui-widget-content"> \
		<img class="flag-icon" src="img/state_flags/uk-flag.png"> \
		<h2 class="dialog-h2-title" id="asset-state">London</h2> \
		<span class="dialog-mini-title" id="asset-details">United Kingdoms</span> \
	</div> \
	<div class="dialog-buttons"> \
	<button class="dialog-button">Buy</a> \
	<button class="dialog-button">Cancel</a> \
	</div> \
	<div style="clear:both;"></div>')
	.dialog({
			autoOpen: false,
			title: 'Asset Dialog'
		});

	$assetDialog.dialog('open');
	// prevent the default action, e.g., following a link
	return false;			
}

</script>


<!-- Dialog -->
<H1> Asset Dialog</H1>
<button onClick="showAssetDialog()">show Asset Dialog</button>
<div id="questDialog" class="dialog-back ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" role="dialog" aria-labelledby="ui-dialog-title-1">

</div>

<!-- END of Dialog -->
<div style="clear:both;"></div>
<P>
<H1> Dice Dialog</H1>

<div id='dicesDialog' class='dialog-back'>
	<h3 class='dialog-question'>Please throw the dices</h3>
	<div class="dialog-mini-title">
		<span class="dialog-h2-title">Cube 1:</span><input type='text' id='cube1' />
		<span class="dialog-h2-title">Cube 2:</span><input type='text' id='cube2' />
	</div>
	<div class="dialog-buttons">
			<button id='btn3' class="dialog-button">OK</button>
		</div>	
<div style="clear:both;"></div>
</div>
</P>

<P>
<H1>Resign Dialog</H1>
<div id='resignDialog' class='dialog-back'>
	<h3 class="dialog-question">Are you sure you want to Quit the game?</h3>
	<div class='dialog-question'>
	<center>
		<button id='btnResYes' class="dialog-button">Yes</button>
		<button id='btnResNo' class="dialog-button">No</button>
		</center>
	</div>
	<div style="clear:both;"></div>
</div>
					
</P>
</body>
</html>